<template>
  <div id="app">
  
    <router-view/>
      <ul style="width: 100%;height: 55px;position: fixed;bottom: 0;background: #fff;">    	
    	<li style="width: 32%;height: 55px;line-height: 55px;float: left;" v-for="(i, index) in arr" >
    	<router-link :to="i.url">
    			{{i.name}}
    	</router-link>
    	
   
    	</li>
    </ul> 
  </div>
</template>

<script>
export default {
  name: 'App',
   data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      arr:[{name:'电影',url:'/'},{
      	name:'影院',url:'Cinema'
      },
      {name:'我的',url:'me'}]
    }
  }
}
</script>

<style>
	*{
		list-style: none;
		margin: 0;padding: 0;
	}
	li{
		text-align: center;
	}
	li a{
		text-decoration: none;
	color: #000;
	}
i,em{
		font-style: normal;
	}
	b{
		font-weight: normal;
	}
</style>
